@import "https://fonts.googleapis.com/css?family=Montserrat";
@font-face{font-family:'SourceSansPro-Regular';src:url(fonts/SourceSansPro-Regular.ttf)format(ttf)}@font-face{font-family:'SourceSansPro-Bold';src:url(fonts/SourceSansPro-Bold.ttf)format(ttf)}

@font-face{font-family:'dearJoe5';
src:local('dearJoe5'),url("../fonts/dj5ctrial.woff") format('woff'),url("../fonts/dj5ctrial.woff2") format('woff2'),url('myfont.ttf') format('truetype'); }

body {background-color:#fff; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif;}
#topheader{background-color:#f1f1f1; padding:20px 0; margin:0 0 10px 0;  }
#sectionbody{background-color:#fff; padding:10px 0; margin:0;  }

* {box-sizing: border-box;}
.tab{display: none; width: 100%; height:100%;margin: 0px auto;}
.current{display: block;}

form {font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; width:100%; }
h1 {text-align: center!important; }

/*input {padding: 10px; width: 100%; font-size: 17px; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; border: 1px solid #aaaaaa; }
textarea {padding: 10px; width: 100%; font-size: 17px; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; border: 1px solid #aaaaaa; }
select {padding: 10px; width: 100%; font-size: 17px; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; border: 1px solid #aaaaaa; }*/

button{background-color:#4cc4cf; color:#ffffff; border:none; padding:10px 20px; font-size:17px; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; cursor: pointer;}
button:hover {opacity: 0.8;}
.previous {background-color:#bbbbbb;}
.submit{background-color:#4dc4cf; color:#ffffff; border:none; padding:9px 20px; margin-top:2px; font-size:15px; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; cursor: pointer;}
.submit:hover {opacity: 0.8;}
/* Make circles that indicate the steps of the form: */

.step {height: 30px; width: 30px; cursor: pointer; margin:15px; color:#fff; background-color:#bbbbbb; border:none; border-radius: 50%; display:inline-block; opacity:0.8;padding:0 5px; z-index: 999999; line-height:27px; font-weight:600;   }
.step.active {opacity: 1; background-color:#4cc4cf;}
.step.finish {background-color:#4cc4cf; }
.error{color:#f00; font-size:12px; font-weight:400;}
.pad10{padding-top:10px; padding-bottom:10px}.pad20{padding-top:20px; padding-bottom:20px} .pad30{padding-top:30px; padding-bottom:20px}
.pad50{padding-top:50px; padding-bottom:50px} .pad100{padding-top:100px; padding-bottom:100px}  .pad110{padding-top:10px; padding-bottom:30px}
.pad50100{padding-top:50px; padding-bottom:200px;} 
.marg10{padding-top:10px; padding-bottom:10px}.marg20{padding-top:20px; padding-bottom:20px} .marg30{padding-top:30px; padding-bottom:20px}
.marg50{padding-top:50px; padding-bottom:50px} .marg100{padding-top:100px; padding-bottom:100px} .marg50200{padding-top:50px; padding-bottom:200px; } .margbtm{padding-top:0px; padding-bottom:30px; } 

.headderone{position:relative; }
.headderone:after {content: "";display: block; margin: 0 auto; width:40%; padding-top: 20px;  border-bottom:2px solid #DADADA;}
.headderone h1{color:#000; margin:0; font-size:32px; font-weight:500!important; text-align:center!important;  font-family:'dearJoe5',Source Sans Pro,"Trebuchet MS",Arial,sans-serif;}
.headertwo {padding-bottom:0px; padding-top:5px; }
.headertwo h5{font-size:16px!important; color:#000; }
.headder{background:url("../img/brush.png") no-repeat center top; height:50px; width:350px; margin:0px auto; padding:0; text-align: center;}
.headder h2{ color:#fff; margin:0; font-size:18px;  padding:12px 25px 15px 10px; font-weight:600;}
.smallcolor p{color:#9B9B9B; }

.headderbig{background:url("../img/brush_big.png") no-repeat center top; height:50px; width:450px; margin:0 auto; padding:0;   }
.headderbig h2{ color:#fff; margin:0; font-size:18px;  padding:12px 25px 15px 10px; font-weight:600;}
.headderinner{background:url("../img/brush.png") no-repeat center top; height:50px; width:350px; margin:0 auto; padding:0;   }
.headderinner h2{ color:#fff; margin:0; font-size:24px;  padding:12px 25px 15px 10px; font-weight:600; font-family:'dearJoe5',Source Sans Pro,"Trebuchet MS",Arial,sans-serif;}
.upload-btn-wrapper{display: block;}
.upload-btn-wrapper input[type=file] { cursor:pointer; border:none; padding:0!important; width:25%;  }
.dpic{font-size: 18px!important; position: absolute; top:0px;right:0%; text-align:center;  background-color:#CCCBCB; padding:8px 10px;}
.form-check-label{font-weight:500; margin-right:10px!important; font-size:14px;display:inline-block;vertical-align:middle;  } 
.form-check-inline{display:inline-block;} .form-check-inline a{padding:5px 12px; background-color:#4cc4cf; font-size:18px; font-weight:bold; color:#fff; text-decoration:none;}
.form-check-input{border:2px solid #000; padding:0; margin:0px 10px 0 0!important;  }
 .form-radio-input{ padding:0; margin:0 6px 0 0!important;  } .radio-inline{   position: relative;   display: inline-block;   padding-left:20px!important;    margin: 0;    vertical-align: middle;    font-weight: 400;	 cursor: pointer;}
.input-group-addon{cursor:pointer;}
.tealblue{font-size:14px!important; color:#4cc4cf; font-weight:700!important; text-transform:uppercase;}
.b_bullet{padding-left:15px;}
.b_bullet:before{content:"3."; margin-left:-15px;    }
.b_bullet2{padding-left:15px;}
.b_bullet2:before{content:"4."; margin-left:-15px;    }
.disagree{font-size:14px!important; color:#FF0000; font-weight:700; text-transform:uppercase;}
.unsure{font-size:14px!important; color:#F2A900; font-weight:700; text-transform:uppercase;}
.agree{font-size:14px!important; color:#7ac943; font-weight:700; text-transform:uppercase;}
.strongly-agree{font-size:14px!important; color:#44A700; font-weight:700; text-transform:uppercase;}
.input-group-addon{cursor:pointer;}
ul.sicons {padding:0; margin:0; list-style:none;}
ul.sicons  li{padding:0; margin:0 10px 0 0; float:left; display:inline-block; list-style:none!important; }
ul.sicons  li a{padding:5px 10px; margin:0; float:left;display:inline-block; background-color:#98005D; border-radius:3px; }
ul.sicons  li a i{color:#fff;}



/* Login page css */
.tealbbg{background-color:#4cc4cf; width:100%; height:100%; padding:0; margin:0; font-family:Source Sans Pro,"Trebuchet MS",Arial,sans-serif;}
.loginbox{background-color:#fcfcfc; max-width:500px; width:100%; height:500px;margin:8em auto; padding:10px; -webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;border:2px solid #fff;}
.one-edge-shadow { box-shadow:  0 2.8px 2.2px -10px rgba(0, 0, 0, 0.034),  0 6.7px 5.3px -10px rgba(0, 0, 0, 0.048),  0 12.5px 10px -10px rgba(0, 0, 0, 0.06),  0 22.3px 17.9px -10px rgba(0, 0, 0, 0.072),  0 41.8px 33.4px -10px rgba(0, 0, 0, 0.086),  0 10px 10px -10px rgba(0, 0, 0, 0.12); }
.verified{color:#FF0004; } .textresult{font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; font-size:20px; font-weight:600;   }
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 20px!important;font-size:16px!important;line-height:1.42857;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.loginheadder{background:url("../img/brush.png") no-repeat center top; height:50px; width:350px; margin:0 auto; padding:0;   }
.loginheadder h2{ color:#fff; margin:0; font-size:36px;  padding:8px 25px 15px 10px; font-weight:normal;  
	font-family:'dearJoe5',Source Sans Pro,"Trebuchet MS",Arial,sans-serif; text-align: center;}
a.rsend{font-size:16px; color:#FF0004; font-weight:600; text-decoration:underline;}
a.rsend:hover{color:#4dc4cf; }
.deletebutton {
    background-color:#4cc4cf; color:#ffffff; border:none; padding:10px 20px; font-size:17px; font-family: Source Sans Pro,"Trebuchet MS",Arial,sans-serif; cursor: pointer;}
.deletebutton:hover{cursor:pointer;}
 .input-hidden{
        height:0;
        width:0;
        visibility: hidden;
        padding:0;
        margin:0;
        float:right;
}